<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航结果</title>
    <link rel="stylesheet" href="{{ url_for('static',filename='bootstrap-3.3.7-dist/css/bootstrap.min.css') }}">

</head>
<body>
<div>
    <h3  style="text-align: center" >这是您的驾车导航查询结果哦</h3>
</div>
<div class="container">
    <table class="table table-bordered table-hover tab-content">
      <thead>
        <tr class="info">
          <th>行驶指示</th>
          <th>方向</th>
          <th>此路段距离</th>
          <th>预计行驶时间(秒)</th>
          <th>导航主要动作</th>
        </tr>
      </thead>
      <tbody>
      {% for foo in data_list %}
      <tr>
          <th>{{ foo[0] }}</th>
          <td>{{ foo[1] }}</td>
          <td>{{ foo[2] }}</td>
          <td>{{ foo[3] }}</td>
          <td>{{ foo[4] }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
</div>

</body>
</html>